<template>
    <el-container>
        <!-- 2种pc类型：网站[对外面向用户]，
        管理系统[对内面向公司内部] -->

        <!-- 头部：logo快捷方式等，一级导航 -->
        <el-header><Header @switchShow='switchShow'></Header></el-header>
        <!-- 中间区：轮播图，动态[文字+图片] -->
        <el-main><Main :show='show'></Main></el-main>
        <!-- 底部：联系方式，友情链接 -->
        <el-footer><Footer></Footer></el-footer>
    </el-container>
</template>
<script>
import Header from './common/Header.vue';
import Main from './common/Main.vue';
import Footer from './common/Footer.vue';
export default {
    components:{Header,Main,Footer},
    data(){
        return {
            show:'home',
        }
    },
    methods:{
        switchShow(name){
            this.show=name;
        }
    }
}
</script>
